<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta name="referrer" content="no-referrer"> -->
    <title>数据新闻作业-张三-123456789</title>
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <div class="main">
        <div class="top">
            <h4>这是我的作品标题</h4>
        </div>
        <div class="author">
            作者信息
        </div>
        <div class="mainbox">
            <div class="words">
                做网页设计其实技术上没有什么难点，但是要做到美观有创意，
                还是不容易的，借鉴来借鉴去（抄来抄去），难免审美疲劳，
                最近发现一个思路，分享一下，那就是找一些优秀PPT作品，
                尤其是获奖作品，非常有借鉴价值。
                一来，现代PPT一般都是16：9的比例，
                与网页可视化部分接近，当然了手机自适应还需要自己处理一下，
                另一方面，PPT的动效不像AE这类编辑的特效难以实现，
                所以可以作为非常好的灵感库。 感觉打开了新世界的大门，
                近期可能会考虑应用一下。
            </div>
            <div class="chart" id="chart1">
                图表
            </div>
            <div class="words">
                做网页设计其实技术上没有什么难点，但是要做到美观有创意，
                还是不容易的，借鉴来借鉴去（抄来抄去），难免审美疲劳，
                最近发现一个思路，分享一下，那就是找一些优秀PPT作品，
                尤其是获奖作品，非常有借鉴价值。
                一来，现代PPT一般都是16：9的比例，
                与网页可视化部分接近，当然了手机自适应还需要自己处理一下，
                另一方面，PPT的动效不像AE这类编辑的特效难以实现，
                所以可以作为非常好的灵感库。 感觉打开了新世界的大门，
                近期可能会考虑应用一下。
            </div>
            <div class="chart" id="chart2">
                图表
            </div>
            <div class="words">
                做网页设计其实技术上没有什么难点，但是要做到美观有创意，
                还是不容易的，借鉴来借鉴去（抄来抄去），难免审美疲劳，
                最近发现一个思路，分享一下，那就是找一些优秀PPT作品，
                尤其是获奖作品，非常有借鉴价值。
                一来，现代PPT一般都是16：9的比例，
                与网页可视化部分接近，当然了手机自适应还需要自己处理一下，
                另一方面，PPT的动效不像AE这类编辑的特效难以实现，
                所以可以作为非常好的灵感库。 感觉打开了新世界的大门，
                近期可能会考虑应用一下。
            </div>
            <div class="chart">
                <div id="chart3">
                    图表
                </div>
            </div>
            <div class="words">
                做网页设计其实技术上没有什么难点，但是要做到美观有创意，
                还是不容易的，借鉴来借鉴去（抄来抄去），难免审美疲劳，
                最近发现一个思路，分享一下，那就是找一些优秀PPT作品，
                尤其是获奖作品，非常有借鉴价值。
                一来，现代PPT一般都是16：9的比例，
                与网页可视化部分接近，当然了手机自适应还需要自己处理一下，
                另一方面，PPT的动效不像AE这类编辑的特效难以实现，
                所以可以作为非常好的灵感库。 感觉打开了新世界的大门，
                近期可能会考虑应用一下。
            </div>
            <div class="chart" id="chart4">
                图表
            </div>
            <div class="chart" id="chart5" style="height: 800px;">
                图表
            </div>
        </div>
        <div class="footer">
            这里是版权信息栏。
        </div>
    </div>
    <script type="text/javascript"
        src="https://api.map.baidu.com/api?v=3.0&ak=Ge5y8uikeae3aGhHe2DetDxeP3bZNjTV"></script>
    <script src="js/echarts.js"></script>

    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script src="js/china.js"></script>
    <script type="text/javascript" src="https://registry.npmmirror.com/echarts-gl/2/files/dist/echarts-gl.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>